<md-toolbar class="md-default-theme">
    <div class="md-toolbar-tools">

        <md-button class="md-fab md-primary menu" hide-gt-md ng-click="onMenu()">
        </md-button>
        <h2 flex>
            <span class="title">Playlist</span>
        </h2>

        <md-button class="md-fab md-primary play" ng-class="casting ? 'playing' : 'play'" ng-click="onPlay()">
        </md-button>

    </div>
</md-toolbar>
<md-list>
    <md-card ng-repeat="content in contents" ng-controller="contentCtrl">
        <md-card-content layout="row">

            <md-content class="md-padding" layout="column">

                <div ng-show="uploader.isHTML5" class="dropzone" nv-file-drop nv-file-over uploader="uploader">

                    <input type="file" nv-file-select uploader="uploader"  >

                    <object ng-if="content.isFlash" ng-cloak data="/api/assets/{{content.asset}}" type="application/x-shockwave-flash"> </object>

                    <img ng-if="!content.isFlash" ng-src="/api/assets/{{content.asset}}"></img>

                </div>

                <md-progress-linear ng-show="uploader.isUploading" md-mode="indeterminate"></md-progress-linear>


            </md-content>

            <div flex class="md-padding" layout="column">

                <md-input-container>
                    <label>Name</label>
                    <input ng-model="content.name">
                </md-input-container>

                <div layout="row" layout-margin layout-align="center center">

                    <div>
                        <span>Duration(s)</span>
                    </div>

                    <md-slider aria-label="Slider" flex min="0" max="60" ng-model="content.duration">
                    </md-slider>

                    <div>
                        <input type="number" class="content_duration" ng-model="content.duration" max="60">
                    </div>
                </div>

                <md-checkbox class="md-primary" ng-model="content.enable">Enable</md-checkbox>
            </div>

            <md-button class="md-fab md-warn remove" ng-click="remove(content);"></md-button>
        </md-card-content>
    </md-card>
</md-list>

<md-button class="md-fab md-primary add" ng-click="add();" aria-label="Add"></md-button>
